<template>
    <div >
        <img :src='chioce.img' alt=""/>
        <span style="background:#FF4C50;color:#ffffff;padding:3px;margin-left:4px;font-size:12px">HOT</span>
        <p style="margin-left:4px;color: #353535;font-size:13px;margin-top:3px">{{chioce.title}}</p>
        <div>
            <span style='font-size:13px;color:#353535'>￥{{chioce.price}}</span>
            <span style="font-size:12px;color:#888888;text-decoration: line-through">￥{{chioce.beforePrice}}</span>
            <span style="float:right;margin-right:10px;color:#FF4C50;font-size:12px"><img src="../../assets/The heat@2x.png" alt="" style="width:12px">&nbsp;{{chioce.hot}}</span>
        </div>

    </div>
</template>
<script>
export default {
    name:'shopChart',
    data () {
        return {
        }
    },
    props:['chioce'],
    mounted(){
        // this.chioce=this.chioce;
    }
}
</script>
<style lang='scss'>
</style>